<template>
  <u-popup :show="show" :round="10" mode="center" @close="close" @open="open">
    <view class="pop_wrap">
      <view class="pop_img">
        <image src="@/static/img/no_auth.png" mode="aspectFill"></image>
      </view>
      <view class="pop_text">您还不是代理商/代理商到期<br> 请联系管理员升级</view>
      <view class="pop_btn" @click="show = false">好的</view>
      <!-- <view class="pop_bot" @click="show = false">暂不升级</view> -->
    </view>
  </u-popup>
</template>
<script>
export default {
  data () {
    return {
      show: false,
    }
  },
  methods: {
    open () {
      this.show = true
      // console.log('open');
    },
    close () {
      this.show = false
      // console.log('close');
    }
  }
}
</script>

<style lang="scss" scoped>
.pop_wrap {
  width: 504rpx;
  padding: 18rpx 56rpx 0rpx;
  box-sizing: border-box;
  display: flex;
  flex-direction: column;
  align-items: center;

  .pop_img {
    width: 300rpx;
    height: 222rpx;

    image {
      width: 100%;
      height: 100%;
    }
  }

  .pop_text {
    font-weight: bold;
    font-size: 28rpx;
    color: #3D4353;
    padding-top: 16rpx;
    text-align: center;
  }

  .pop_btn {
    width: 252rpx;
    height: 72rpx;
    line-height: 72rpx;
    text-align: center;
    background: linear-gradient(180deg, #1946F9 0%, #0F67FF 100%);
    margin-top: 34rpx;

    font-weight: bold;
    font-size: 28rpx;
    color: #FFFFFF;
    border-radius: 10rpx;
  }

  .pop_bot {
    margin-top: 24rpx;
    font-weight: bold;
    font-size: 28rpx;
    color: #3D4353;
  }
}
</style>